<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="https://www.baidu.com/s?ie=UTF-8&wd=script%20%E4%B8%8Edom%E5%8A%A0%E8%BD%BD"></script>
</head>

<body>
  dom dfdfasdfadsf
  <div>222222222</div>



  外边距折叠： 相邻的两个或多个外边距 (margin) 在垂直方向会合并成一个外边距（margin）
  相邻： 没有被非空内容、padding、border 或 clear 分隔开的margin特性. 非空内容就是说这元素之间要么是兄弟关系或者父子关系
  垂直方向外边距合并计算:
  a、参加折叠的margin都是正值：取其中 margin 较大的值为最终 margin 值。
  b、参与折叠的 margin 都是负值：取的是其中绝对值较大的，然后，从 0 位置，负向位移。
  c、参与折叠的 margin 中有正值，有负值：先取出负 margin 中绝对值中最大的，然后，和正 margin 值中最大的 margin 相加。

<br>
  <button id="btn0">调用方法</button>

  <script>
    document.getElementById("btn0").onclick = function () {
      console.log("set");
      //android是传过来的对象名称，setmessage是android中的方法
      android.setMessage("aaa");
    };
  </script>

</body>

</html>